<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <script src="http://d3js.org/d3.v3.min.js"></script>
    <script>
      // 选择元素
      var body = d3.select("body"); // 选择文档中的body元素
      var p = body.select("p"); // 选择文档中的p元素
      var p1 = body.selectAll("p"); // 选择文档中所有的p元素

      // 绑定数据
      var str = "is a animal";
      p1.datum(str).text(function (d, i) {
        return "第" + i + "个元素" + d;
      });
    </script>
  </body>
</html>
